@import "myreset.css";
body {
  height: 500px;
}
.clearfix::after {
  display: block;
  content: '';
  clear: both;
}
html {
  font-size: 13.333vw;
}
html,
body {
  width: 100vw;
  box-sizing: border-box;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
header {
  width: 100%;
  background-color: #3d3e55;
  color: #fff;
  height: 4.572rem;
}
header .hd_bottom {
  width: 100%;
  height: 0.88rem;
  padding: 0 0.16rem;
  line-height: 0.88rem;
  text-align: center;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.36rem;
}
header .hd_info {
  height: 2.12rem;
  position: relative;
}
header .hd_info .right {
  height: 2.09rem;
  float: left;
  margin-left: 0.27rem;
}
header .hd_info .hd_tx {
  width: 1.511rem;
  height: 1.511rem;
  margin-left: 0.21rem;
  float: left;
  border-radius: 50%;
}
header .hd_info .hd_tx img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
header .hd_info .hd_intro {
  font-size: 0.3332rem;
  color: #fff;
  font-weight: bolder;
  margin-left: -0.12rem;
  margin-top: 0.24rem;
}
header .hd_info .hd_tel {
  margin-left: -0.12rem;
  margin-top: 0.3rem;
  width: 2rem;
  overflow: hidden;
}
header .hd_info .hd_tel .hd_phone {
  width: 0.199rem;
  height: 0.303rem;
  font-size: 0.2499rem;
  float: left;
}
header .hd_info .hd_tel .hd_phone img {
  width: 100%;
  height: 100%;
  float: left;
}
header .hd_info .hd_tel .hd_number {
  font-size: 0.2499rem;
  margin-left: 10px;
  color: #acacb7;
  width: 1rem;
  float: left;
}
header .hd_info .hd_set {
  float: right;
  width: 1rem;
  height: 1.4rem;
  margin-right: 0.21rem;
  right: 0.21rem;
  overflow: hidden;
}
header .hd_info .hd_set .hd_set_circle {
  position: absolute;
  width: 0.836rem;
  height: 0.836rem;
}
header .hd_info .hd_set .hd_set_circle img {
  width: 100%;
  height: 100%;
}
header .hd_info .hd_set .hd_set_pic {
  position: absolute;
  width: 0.48rem;
  height: 0.438rem;
  top: -0.2rem;
  right: 0.55rem;
}
header .hd_info .hd_set .hd_set_pic img {
  width: 100%;
  height: 100%;
}
main {
  width: 100%;
  background-color: #fff;
  float: left;
  margin-top: -1.7rem;
  border-radius: 0.375rem;
}
main ul {
  overflow: hidden;
}
main section.myorder {
  border: 1px solid #fff;
  border-radius: 0.375rem;
  padding-left: 0.42rem;
  padding-top: 0.49rem;
  box-sizing: border-box;
  height: 2.03rem;
  box-shadow: none;
}
main section.myorder ul li {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
main section.myorder .myorder_info {
  color: #222;
  font-size: 0.479rem;
  border-right: 1px solid #eee;
  width: 100%;
}
main section.myorder .myorder_award {
  float: left;
  padding-left: 0.51rem;
  width: 100%;
}
main section.myorder .myorder_award .pic {
  margin-right: 0.38rem;
}
main section.myorder p.first {
  font-size: 0.2708rem;
  margin-bottom: 0.38rem;
  width: 100%;
}
main section.myorder p.second {
  overflow: hidden;
  font-size: 0.479rem;
  width: 100%;
  position: relative;
}
main section.myorder ul li .pic {
  display: inline-block;
  width: 0.11rem;
  height: 0.19rem;
  position: absolute;
  right: 0.48rem;
}
main section.myorder ul li .pic img {
  width: 100%;
  height: 100%;
}
main section {
  width: 7.083rem;
  height: 1.427rem;
  border-radius: 0.1042rem;
  box-shadow: 0px 0px 1px 0px;
  box-sizing: border-box;
  margin: 0 auto;
  margin-bottom: 0.25rem;
}
main section ul li {
  overflow: hidden;
  float: left;
  height: 1.427rem;
}
main .info_intro {
  padding-left: 0.26rem;
  display: flex;
  align-items: center;
}
main .info_intro .sh_pic {
  float: left;
  width: 1rem;
  height: 1rem;
  position: relative;
  margin-right: 0.32rem;
}
main .info_intro .sh_info {
  width: 5rem;
  overflow: hidden;
}
main .info_intro .sh_info p {
  color: #CBCED3;
  font-size: 0.2083rem;
}
main .info_intro .sh_info p:first-child {
  color: #0A1634;
  font-size: 0.2916rem;
  font-weight: bold;
  margin-bottom: 0.14rem;
}
main .info_intro .sh_info.first {
  width: 2rem;
}
main .info_intro .ty {
  position: absolute;
  width: 0.751rem;
  height: 0.751rem;
}
main .info_intro .ty img {
  width: 100%;
  height: 100%;
}
main .info_intro .icon {
  position: absolute;
  width: 0.438rem;
  height: 0.522rem;
  top: -0.1rem;
  left: 0.16rem;
}
main .info_intro .icon img {
  width: 100%;
  height: 100%;
}
main section.banner {
  width: 7rem;
  height: 2.96rem;
  box-shadow: none;
}
main section.banner img {
  width: 100%;
  height: 100%;
}
footer {
  color: #888;
  width: 100%;
  font-size: 0.2291rem;
  overflow: hidden;
  padding-bottom: 0.14rem;
}
footer ul {
  display: flex;
  justify-content: space-around;
}
footer ul li {
  float: left;
  width: 1.17rem;
  text-align: center;
}
footer ul li .pic {
  width: 0.397rem;
  height: 0.355rem;
  margin: 0 auto;
  margin-bottom: 0.04rem;
}
footer ul li .pic img {
  width: 100%;
  height: 100%;
}
